@import "core/base";
a {
  color: $uni-text-color;
  outline: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  &:hover{text-decoration: none;}
  &:visited{text-decoration: none;}
}

.pull-left{display:inline;float: left;}
.pull-right{display:inline;float: right;}

//首页头部
.index-header-box{
  @include wh(100%,126px);
}
.index-header {
  @include wh(100%, 126px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: #2C8DFF;
  overflow: hidden;

  &.no-fix{
    position: inherit;
  }
  &.no-bg{
    background: none;
  }

  .header-right{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    @include wh(auto,126px,126px);
    color: #fff;
    padding-right:42px;
    font-size: 28px;
  }

  .back{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    @include wh(65px,126px,126px);
    color: #fff;
    font-size: 38px;
    text-align: right;
  }

  .title{
    @include wh(100%,126px,126px);
    text-align: center;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
  }


}

//没有更多了
.no-more{
  @include wh(100%,auto);
  padding: 20px;
  color: #A4A4A4;
  font-size: 26px;
}

//底部菜单
.footer-box{
	@include wh(100%,136px);

	.footer{
		@include wh(100%,98px);
    box-shadow:0px -1px 10px 0px rgba(146,143,143,0.5);

    .icon{
      height: 38px;
      //margin-bottom: 7px;
    }

    .pull-txt{
      display: block;
      padding-top: 40px;
      text-align: center;
      font-size: 24px;
    }
    .icon_pull{
      @include wh(109px,109px);
      background: #fff;
      border-radius: 100%;
      margin-left: -55px;
      position: absolute;
      box-shadow:0px -1px 10px 0px rgba(146,143,143,0.5);
      top: -50px;
      left: 50%;
      z-index: 9;

      .pull-img{
        @include wh(91px,91px);
        position: absolute;
        top: 9px;
        left: 9px;
        z-index: 1;
      }

      .icon_pull_bg{
        @include wh(120%,55px);
        margin-left: -10px;
        background: #fff;
        position: absolute;
        left: 0;
        bottom: -1px;
      }
    }
	}
}

.page-block{
  padding: 0 42px;
}

.public-svr-box{
  @include wh(666px,800px);
  box-shadow:0px 0px 6px 1px rgba(0,0,0,0.4);
  margin: 50px auto 0 auto;
  overflow: hidden;

  .wechat-head{
    height: 108px;
    margin-left:177px;
    margin-top: 75px;

    .head-img{
      @include wh(108px,108px);
      border-radius: 10px;
      overflow: hidden;
      margin-right: 20px;
    }

    .head-name{
      font-size: 35px;
      @include wh(70%,46px,46px);
      font-weight: bold;
    }

    .head-tps{
      @include wh(auto,37px,37px);
      margin-top:29px;
      font-size: 28px;
      color: #686868;

      .tps-img{
        @include wh(auto,32px);
        margin-left:100px;
      }
    }
  }

  .wechat-body{
    @include wh(400px,400px);
    margin:40px auto 0 auto;
    overflow: hidden;
    background: #979797;

    img{
      @include wh(100%,100%)
    }
  }

  .svr-tps{
    @include wh(100%,24px,24px);
    text-align: center;
    margin-top: 40px;
    font-size: 18px;
    color:#686868;
  }
  .svr-tps1{
    @include wh(100%,37px,37px);
    margin-top: 40px;
    font-size: 28px;
    text-align: center;
  }

  .svr-tps2{
    @include wh(100%,37px,37px);
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 10px;
  }
}
.btn-svr{
  display: block;
  @include wh(440px,67px,67px);
  border: 2px solid #1E77E0;
  background: #2c8dff;
  text-align: center;
  color: #fff;
  font-size: 28px;
  border-radius: 49px;
  margin: 20px auto 0 auto;

  &.svr-bg{
    background: #2C8DFF;
    margin-top:50px;
    color: #fff;
  }
}

.pro-time{
  font-size: 20px;
  color: #C8C8C8;
  font-weight: normal;
}
